/**
 * E Dark Theme - for HighlightJS
 *
 * @author (c) 小咿 <https://e-e.gitee.io>
 *
 * @version 1.0
 */

/* 在 Chrome 中按 command + shift + C 可以查看各元素的 hljs 类名 */

.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background: black;
	color: white;
}

/* 
 comment: 注释
 quote: 引用，例如 Markdown 中的 > 引用
 */
.hljs-comment,
.hljs-quote {
	color: gray;
}

/* 
 string: 字符串
 meta-string: 例如 #import "Test.h" 中的 "Test.h"
 code: 例如 Markdown 中的代码 `code`
 */
.hljs-string,
.hljs-meta-string,
.hljs-code {
	color: orange;
}

/* 
 subst: 字符串中的解析部分，例如 JavaScript 中 ` class="${cls}"` 中的 ${cls}
 */
.hljs-subst {
	color: white;
}

/* 
 number: 数字
 literal: 例如 true, NULL
 bullet: 例如 Markdown 中的列表符号 -, *, 1.
 symbol: 例如 Markdown 中的 [symbol] 索引超链接，中括号中的任意符号
 */
.hljs-number,
.hljs-literal,
.hljs-bullet,
.hljs-symbol {
	color: mediumpurple;
}

/* 
 meta: 例如 #import "Test.h" 中的 #import
 section: 例如 Markdown 中的标题
 */
.hljs-meta,
.hljs-section {
	color: yellow;
}

/* 
 built_in: 例如 OC 中的 NSString
 keyword: 例如 for, var, int
 attr: 例如 <p class="" id=“”></p> 中的 class, id
 selector-tag: 例如 CSS 中 .class {} 中的 .class
 selector-id: 例如 CSS 中 #id {} 中的 #id
 */
.hljs-built_in,
.hljs-keyword,
.hljs-attr,
.hljs-selector-class,
.hljs-selector-id {
	color: hotpink;
}

/* 
 link: 网址
 regexp: 正则表达式
 */
.hljs-link,
.hljs-regexp {
	color: dodgerblue;
}

/*
 title: 例如 int main(){} 中的 main
 */
.hljs-title {
	color: lightgreen;
}

/* 
 tag: 例如 <body></body> 中的 <body>
 name: 例如 <body></body> 中的 body
 attribute: 例如 CSS 中 body { color: #F0F0F0; } 中的 color
 selector-attr: 例如 CSS 中 a[href^=http]::after {} 中的 [href^=http]
 */
.hljs-name,
.hljs-attribute,
.hljs-selector-attr {
	color: red;
}

/* 
 selector-tag: 例如 CSS 中 body { color: #F0F0F0; } 中的 body
 template-tag: 模板语言的标签，例如 Django 中的 {% endif %}
 */
.hljs-selector-tag,
.hljs-template-tag {
	color: deepskyblue;
}

/* 
 type: 例如 Swift 中 typealias Str = String 中的 Str 和 String
 template-variable: 模板语言的变量，例如 Django 中的 {{ article.date }}
 */
.hljs-type,
.hljs-template-variable {
	color: lightskyblue;
}

/* 
 selector-pseudo: 例如 CSS 中 a[href^=http]::after {} 中的 ::after
 */
.hljs-selector-pseudo {
	color: mediumpurple;
}

/* 
 addition: Diff 中 + 号或 ! 号开头的那一行
 */
.hljs-addition {
	background-color: darkgreen;
}

/* 
 deletion: Diff 中 - 号开头的那一行
 */
.hljs-deletion {
	background-color: darkred;
}

/* 
 emphasis: 斜体强调，例如 Markdown 中的 *em* 或 _em_
 */
.hljs-emphasis {
	font-style: italic;
}

/* 
 strong: 粗体强调，例如 Markdown 中的 **bold** 或 __bold__
 doctag: 注释中的标记，例如 @param
 */
.hljs-strong,
.hljs-doctag {
	font-weight: bold;
}
